<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>

    <title>reportEchart</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>

    <meta content="" name="description"/>

    <meta content="" name="author"/>

    <meta name="_xsrf" content="{{.xsrf_token}}" />

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="/static/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

    <link href="/static/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

    <link href="/static/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="/static/media/css/select2_metro.css"/>
    <link rel="stylesheet" href="/static/media/css/DT_bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <link rel="shortcut icon" href="/static/media/image/favicon.ico"/>
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

<!-- BEGIN HEADER -->

<div class="header navbar navbar-inverse navbar-fixed-top">

    <!-- BEGIN TOP NAVIGATION BAR -->

    <div class="navbar-inner">

        <div class="container-fluid">

            <!-- BEGIN LOGO -->

            <a class="brand">
                中转服务器后台管理
            </a>

            <!-- END LOGO -->

            <!-- BEGIN RESPONSIVE MENU TOGGLER -->

            <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">

                <img src="/static/media/image/menu-toggler.png" alt=""/>

            </a>

            <!-- END RESPONSIVE MENU TOGGLER -->

            <!-- BEGIN TOP NAVIGATION MENU -->

            <ul class="nav pull-right">

                <!-- BEGIN USER LOGIN DROPDOWN -->

                <li class="dropdown user">

                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span id="idUser"  class="username">{{.adminName}}</span>
                        <i class="icon-angle-down"></i>

                    </a>

                    <ul class="dropdown-menu">
                        <li><a href="/"><i class="icon-key"></i>退出登录</a></li>

                    </ul>

                </li>

                <!-- END USER LOGIN DROPDOWN -->

            </ul>

            <!-- END TOP NAVIGATION MENU -->

        </div>

    </div>

    <!-- END TOP NAVIGATION BAR -->

</div>

<!-- END HEADER -->

<!-- BEGIN CONTAINER -->

<div class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->

    <div class="page-sidebar nav-collapse collapse">

        <!-- BEGIN SIDEBAR MENU -->

        <ul class="page-sidebar-menu">

            <li>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                <div class="sidebar-toggler hidden-phone"></div>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

            </li>

            <li>
                <!-- 去除search按钮后为了好看空一行 -->
                <br/>
            </li>
            <li id="idhomeTab" class="start" style="display:none;">

                <a href="/adminHome">

                    <i class="icon-home"></i>

                    <span class="title">游服ip列表配置</span>

                    <span class="selected"></span>

                </a>

            </li>
            <li id="idUserCfgTab" class="start " style="display:none;">

                <a href="/adminUser">

                    <i class="icon-cogs"></i>

                    <span class="title">用户管理配置</span>

                </a>

            </li>

            <li class="start active">

                <a href="/reportWeb">

                    <i class="icon-bar-chart"></i>

                    <span class="title">cpu内存使用率</span>

                    <span class="selected"></span>

                </a>

            </li>
            <li id="idAnnounceTab" class="start" style="display:block;">

                <a href="/announce">

                    <i class="icon-bar-chart"></i>

                    <span class="title">公告管理</span>
                </a>

            </li>

        </ul>

        <!-- END SIDEBAR MENU -->

    </div>

    <!-- END SIDEBAR -->

    <!-- BEGIN PAGE -->

    <div class="page-content">

        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">
                        统计报表页面
                    </h3>
                    <ul class="breadcrumb">
                        <li>
                            <i class="icon-home"></i>
                            <a href="">统计报表页面</a>
                            <i class="icon-angle-right"></i>
                        </li>
                        <li>

                            <a href="#">cpu内存使用率</a>


                        </li>
                    </ul>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet box green">
                        <div class="portlet-title">

                            <div class="caption"><i class="icon-reorder"></i>cpu内存使用率查询</div>

                            <div class="tools">

                                <a href="javascript:;" class="collapse"></a>

                            </div>

                        </div>
                        <div class="portlet-body">
                            <form action="#" class="form-horizontal">
                                <h3 class="form-section">信息查询</h3>
                                <div class="row-fluid">
                                    <div class="span6 ">

                                        <div class="control-group">

                                            <label class="control-label" for="firstName">开始时间</label>

                                            <div class="controls">

                                                <input id="idStartTime" type="text" class="span6" readonly
                                                       onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'idEndTime\')}'})"/>

                                            </div>

                                        </div>

                                    </div>

                                    <!--/span-->

                                    <div class="span6 ">

                                        <div class="control-group ">

                                            <label class="control-label" for="lastName">结束时间</label>

                                            <div class="controls">

                                                <input id="idEndTime" type="text" class="span6" readonly
                                                       onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'idStartTime\')}',maxDate:'%y-%M-%d %H:%m:%s'})"/>

                                            </div>

                                        </div>

                                    </div>
                                </div>
                                <!--/row-->
                                </br>
                                <div class="row-fluid">
                                    <div class="span6 ">

                                        <div class="control-group">

                                            <label class="control-label">服务器选择</label>

                                            <div class="controls">

                                                <select id="idServer" class="m-wrap span6">

                                                </select>

                                                <span class="help-block">选择你的服务器</span>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="span6 ">

                                        <div class="control-group">

                                            <label class="control-label">类型选择</label>

                                            <div class="controls">

                                                <select id="idSelType" class="m-wrap span6">

                                                    <option value="">按秒钟</option>

                                                    <option value="">按分钟</option>

                                                    <option value="">按小时</option>

                                                </select>

                                                <span class="help-block">选择你的类型</span>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                                <div class="form-actions">

                                    <button id="btnSearch" type="button" class="btn blue"><i class="icon-ok"></i> 查询
                                    </button>

                                </div>


                            </form>


                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                </div>
                <!-- END PAGE CONTENT -->
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <div class="portlet box yellow">
                        <div class="portlet-title">
                            <div class="caption"><i class="icon-reorder"></i>cpu-mem Chart</div>
                            <div class="tools">

                                <a href="javascript:;" class="collapse"></a>

                            </div>

                        </div>
                        <div class="portlet-body">

                            <div id="idchartcpuMem" style="width: 800px;height:600px;"></div>

                        </div>

                    </div>
                </div>
            </div>
            <!-- END PAGE CONTAINER-->

        </div>
        <!-- END PAGE -->

    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN FOOTER -->
    <div class="footer">
        <div class="footer-inner">
            2008-2016 NetDragon Websoft Holdings Limited
        </div>
        <div class="footer-tools">
			<span class="go-top">
			<i class="icon-angle-up"></i>
			</span>
        </div>
    </div>
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

    <!-- BEGIN CORE PLUGINS -->

    <script src="/static/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

    <script src="/static/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

    <!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

    <script src="/static/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

    <script src="/static/media/js/bootstrap.min.js" type="text/javascript"></script>

    <!--[if lt IE 9]>

    <script src="media/js/excanvas.min.js"></script>

    <script src="media/js/respond.min.js"></script>

    <![endif]-->

    <script src="/static/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

    <script src="/static/media/js/jquery.blockui.min.js" type="text/javascript"></script>

    <script src="/static/media/js/jquery.cookie.min.js" type="text/javascript"></script>

    <script src="/static/media/js/jquery.uniform.min.js" type="text/javascript"></script>

    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="/static/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <script src="/static/myjs/echarts.min.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->

    <script src="/static/myjs/extend_ajax.js" type="text/javascript"></script>
    <script src="/static/media/js/app.js"></script>
    <script src="/static/myjs/webControl.js"></script>
    <script src="/static/myjs/report.js"></script>
    <script>

        jQuery(document).ready(function () {

            App.init();
            Report.init();
            showTabControl(WEB_INDEX.WEB_REPORT);

        });

    </script>

    <!-- END JAVASCRIPTS -->

    <!-- END BODY -->
</html>